<template>
    <u-popup v-model="show" mode="center" border-radius="5">
        <view class="ylk_detail_cp">
            <scroll-view
                :scroll-x="true"
                class="ylk_cp">
                <u-table>
                    <u-tr>
                        <u-th>药品名称</u-th>
                        <u-th>规格</u-th>
                        <u-th>剂型</u-th>
                        <u-th>功效</u-th>
                        <u-th>号类</u-th>
                    </u-tr>
                    <u-tr>
                        <u-td>10000</u-td>
                        <u-td>张三</u-td>
                        <u-td>25</u-td>
                        <u-td>阿三大苏打实打实的</u-td>
                        <u-td>vip</u-td>
                    </u-tr>
                </u-table>
            </scroll-view>
            <u-button
                type="error"
                @click="show=false">
                关闭
            </u-button>
        </view>
    </u-popup>
</template>

<script>
//医疗卡详情组件
export default {
    data() {
        return {
            show: false,
            data:null,
        }
    },
    methods:{
        setShowState(state){ //设置组件是否显示（外部调用）
            this.show = !!state;
        },
        setData(data){ //写入数据
            this.data = data;
        },
    },
}
</script>

<style lang="scss" scoped>
.ylk_detail_cp {
    padding: 25rpx;
    text-align: center;
    height: fit-content;
    width: 80vw;
    .u-table{
        width: 150vw;
        display: block;
    }
    .u-button{
        margin-top: 25rpx;
        display: block;
    }
}
</style>
